.auth-manage-paeg{
    width: 100%;
    display: flex;

    .role-list{
      width: 250px;
      background: #fff;
      margin-right: 20px;

      .title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        margin: 0 0 20px 0;
       color: #606266;
       font-weight: 700;

        i{
        font-size: 20px;
          color: rgb(64, 158, 255);
          cursor: pointer;
        }
        
      }

      .list{
        overflow: hidden;
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;

        li{
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 10px;
          cursor: pointer;
          transition: .3 all;
          margin-bottom: 5px;
          font-size: 14px;
          color: #666;
          border-radius: 4px;


          &:hover{
            background-color: #e6f7ff;
            color: #1890ff;
            .option{
              display: flex;
            }
          }

          .option{
            display: none;
            i{
              margin: 0 3px;
              color: #999;
            }

            i:nth-child(1):hover{
              color: #409EFF;
            }

            i:nth-child(2):hover{
              color: #F56C6C;
            }
          }
        }
        .active{
          background-color: #e6f7ff;
          color: #1890ff;
        }
      }
    }
    .auth-list{
      flex: 1;
      background: #fff;

      .title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        color: #606266;
        font-weight: 700;
        margin-bottom: 20px;
      }
    }
}


